<!-- 提交验证中 -->
<template>
	<view>
		<view class="m-card u-m-30">
			<view class="u-flex u-flex-center">
				<view class="m-c-g u-font-32">
					<text>提交成功</text>
				</view>
			</view>
			<view class="u-flex u-flex-center u-m-t-30">
				<view class="">
					<u--image :src='src' width='92' height='92'></u--image>
				</view>
			</view>
			<view class="u-flex u-flex-center u-m-t-30">
				<view class="m-c-g u-font-32">
					<text>您的信息正在审核中...</text>
				</view>
			</view>
			<view class="u-flex u-flex-center u-m-t-30">
				<view class="c8 u-font-24 m-text-align">
					<view>
						建议业主和客户通过内当家平台在线交易
					</view>
					<view class="">
						进行业务办理
					</view>
					<view class="">
						避免造成金额损失。
					</view>
				</view>
			</view>
			<view class="u-flex u-flex-center u-m-t-40 u-m-b-40">
				<view class="m-c-h1 u-font-24">
					<text>提交时间 : {{data[0]}}</text>
				</view>
			</view>
		</view>
		<!-- 投资推荐 -->
		<view class="m-card u-m-30">
			<view class="u-flex u-flex-y-center u-m-t-20 u-m-b-20">
				<text class="m-xian"></text>
				<text class="u-m-l-10 u-font-32 m-font-b">投资推荐</text>
			</view>
			<view class="m-mg-lr">
				<!-- @right="right" @left="left" -->
				<u-scroll-list  indicatorActiveColor='#dbb70b' indicatorColor='#d2d2d2'>
					<view class="scroll-list" style="flex-direction: row;">
						<view class="scroll-list__goods-item m-bg-w" v-for="(item, index) in lise.touzi" :key="index"
							:class="[(index) && 'scroll-list__goods-item--no-margin-right']"
							@click="nextNav('/pages/room/details?id=' + item.id)">
							<view v-for="(items,indexs) in item.imageArr" :key="indexs">
								<image class="scroll-list__goods-item__image" :src="items" mode="aspectFill"></image>
							</view>
							<view class="m-mg-lr-20">
								<text class="u-font-30 m-font-b">{{ item.name }}</text>
								<view class="iconfont m-c-h u-font-28 u-m-t-10">售价：{{item.commission}} <!-- {{ item.photo }}㎡ -->
								</view>
								<u-rate :count="count" v-model="value" class="scroll-list__goods-item__text"
									active-color="#dbb07b" inactive-color="#b2b2b2"></u-rate>
								<view class="u-p-b-15 u-p-t-15">
									<text class="m-c-o u-font-28">{{item.commissiontext}}</text>
								</view>
							</view>
						</view>
					</view>
				</u-scroll-list>
			</view>
		</view>
		<!-- 旅游推荐 -->
		<view class="m-card u-m-30">
			<view class="u-flex u-flex-y-center u-m-t-20 u-m-b-20">
				<text class="m-xian"></text>
				<text class="u-m-l-10 u-font-32 m-font-b">旅游推荐</text>
			</view>
			<view class="m-mg-lr">
				<!-- @right="right" @left="left" -->
				<u-scroll-list  indicatorActiveColor='#dbb70b' indicatorColor='#d2d2d2'>
					<view class="scroll-list" style="flex-direction: row;">
						<view class="scroll-list__goods-item m-bg-w" v-for="(item, index) in lise.lvyou" :key="index"
							:class="[(index) && 'scroll-list__goods-item--no-margin-right']"
							@click="nextNav('/pages/room/details?id=' + item.id)">
							<view v-for="(items,indexs) in item.imageArr" :key="indexs" v-if="indexs<1">
								<image class="scroll-list__goods-item__image" :src="items" mode="aspectFill"></image>
							</view>
							<view class="m-mg-lr-20">
								<text class="u-font-30 m-font-b">{{item.name}} <text
										class="haib">{{item.buildingtype}}</text></text>
								<view class="iconfont m-c-h u-font-28 u-m-t-10">{{item.avepricemax}}分</view>
								<u-rate :count="count" v-model="value" class="scroll-list__goods-item__text"
									active-color="#dbb07b" inactive-color="#b2b2b2"></u-rate>
								<view class="u-p-b-15 u-p-t-15">
									<text class="m-c-o u-font-28">售价：{{item.pricemax}}元/晚</text>
								</view>
							</view>
						</view>
					</view>
				</u-scroll-list>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				data:[],
				h: null,
				i: null,
				id:null,
				name : null,
				img: '',
				src: 'https://neidangjia.oss-accelerate.aliyuncs.com/handhousing/img3_on.png',
				code: [{
					price: '5000',
					title: '凯晟景园',
					photo: '3室2厅/120',
					thumb: 'https://cdn.uviewui.com/uview/goods/1.jpg'
				}, {
					price: '5000',
					title: '凯晟景园',
					photo: '3室2厅/120',
					thumb: 'https://cdn.uviewui.com/uview/goods/1.jpg'
				}, {
					price: '5000',
					title: '凯晟景园',
					photo: '3室2厅/120',
					thumb: 'https://cdn.uviewui.com/uview/goods/1.jpg'
				}, {
					price: '5000',
					title: '凯晟景园',
					photo: '3室2厅/120',
					thumb: 'https://cdn.uviewui.com/uview/goods/1.jpg'
				}, {
					price: '5000',
					title: '凯晟景园',
					photo: '3室2厅/120',
					thumb: 'https://cdn.uviewui.com/uview/goods/1.jpg'
				}],
				lise: {}
			};
		},
		async onLoad(e) {
			if (e.time) {
					let time = e.time.split('-');
					this.data = time;
					this.h = e.h;
					this.i = e.i;
					this.id = e.id;
					this.name = e.name;
					this.img = e.img
				
			}

			let res = await this.require('propertiestuijian')
			if (res) {
				this.lise = res
				let _this = this
				_this.lise.lvyou.forEach(function(item, index, array) {
					if (item.image.length > 0) {
						let shuzu = item.image.split(',')
						_this.lise.lvyou[index].imageArr = shuzu
					}
				});
				_this.lise.touzi.forEach(function(item, index, array) {
					if (item.image.length > 0) {
						let shuzu = item.image.split(',')
						_this.lise.touzi[index].imageArr = shuzu
					}
				});
			}
		},

	}
</script>

<style lang="scss" scoped>
	.c8 {
		color: #888;
		line-height: 40rpx;
	}

	.boxdi {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		border-radius: 10rpx;
		color: #fff;
		font-size: 32rpx;
		background-color: #0E5642;
	}

	.btu_operation {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
	}

	.scroll-list {
		@include flex(column);

		&__goods-item {
			margin-right: 20px;

			&__image {
				width: 300rpx;
				height: 300rpx;
				border-radius: 15rpx;
			}

			&__text {
				color: #f56c6c;
				text-align: center;
				font-size: 12px;
				margin-top: 5px;
			}
		}

		&__show-more {
			background-color: #fff0f0;
			border-radius: 3px;
			padding: 3px 6px;
			@include flex(column);
			align-items: center;

			&__text {
				font-size: 12px;
				width: 12px;
				color: #f56c6c;
				line-height: 16px;
			}
		}
	}

	.m-xian {
		width: 6rpx;
		height: 43rpx;
		background-color: #0E5642;
		margin-left: 20rpx;
	}

	.haib {
		background-color: rgba(219, 176, 123, .5);
		color: #9B9999;
		font-size: 22rpx;
		font-weight: 400;
		margin-left: 20rpx;
	}
</style>
